<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <script src="../../js/load.js"></script>
</head>

<body>
<div id="container">
    <div id="formcontainer">
        <form class="layui-form layui-form-pane" id="editform" lay-filter="editform">
            <div class="layui-row">
                <div class="layui-col-xs12">
                    <div class="layui-form-item">
                        <label class="layui-form-label required" style="width: 140px;">key</label>
                        <div class="layui-input-block" style="margin-left: 140px;">
                            <input type="text" name="key" autocomplete="off" class="layui-input required" disabled>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs12">
                    <div class="layui-form-item">
                        <label class="layui-form-label required"  style="width: 140px;">过期时间（s）</label>
                        <div class="layui-input-block"  style="margin-left: 140px;">
                            <input type="text" name="keyExpire" autocomplete="off" class="layui-input required number">
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs12">
                    <div class="layui-form-item">
                        <label class="layui-form-label required" style="width: 140px;">数据类型</label>
                        <div class="layui-input-block"  style="margin-left: 140px;">
                            <select name="keyType" lay-verify="required" lay-filter="keyType" disabled>
                                <option value="string">string</option>
                                <option value="list">list</option>
                                <option value="set">set</option>
                                <option value="zset">zset</option>
                                <option value="hash">hash</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs12">
                    <div class="layui-form-item layui-form-text">
                        <label class="layui-form-label">value</label>
                        <div class="layui-input-block">
                            <textarea name="value" autocomplete="off" class="layui-textarea" style="height: 200px;"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div id="opcontainer">
        <button class="layui-btn" onclick="HandleSave()">保存</button>
        <button class="layui-btn layui-btn-primary" onclick="HandleClose()">关闭</button>
    </div>
</div>
</body>
</html>
<script>
    var FormDetail = null;

    $(function () {
        LoadDetail();
    })

    function LoadDetail() {
        var param = {
            key: GetUrlParam("key"),
            dbIndex:GetUrlParam("dbIndex")
        }
        SetFormV2("editform", "api/redis/getValueDetail", param, function (data) {
            FormDetail = data;
        })
    }

    function HandleSave() {
        SubmitForm('editform', "api/redis/updateStringValue", BeforeSubmit, FormDetail, function (result, status) {
            if (result.code == 0) {
                OpenSuccess('保存成功', function (params) {
                    CloseDialog();
                })

            } else {
                OpenFail(result.msg);
            }
        })
    }

    function BeforeSubmit(data) {
        return true;
    }

    function HandleClose() {
        CloseDialog();
    }
</script>